<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="__PUBLIC__/Image/logo.ico">

    <title>义达生态旅游</title>

    <!-- Bootstrap core CSS -->
    <link href="__PUBLIC__/Css/lib/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__/Css/Index/common.css" rel="stylesheet" type="text/css">
    
    <style type="text/css">
		.strong{
			font-size:50px;
		}
		
		.small{
			font-size:25px;
		}
		
		.pd-top-100{
			height:350px;
			padding-top:100px;
			margin-left:20px;
		}
		
		.left-link{
			height:200px;
			padding-top:50px;
		}
		
		a{
			color:white;
		}
		
		.releaseNotes{
			padding:0;
			height:450px;
			background-color:#C69C6C;
			margin-left:40px;
			padding-top:180px;
		}
		
	@media screen and (max-height:800px){
		.pd-top-100{
			height:200px;
			padding-top:60px;
			margin-left:20px;
		}
		
		.left-link{
			height:150px;
			padding-top:45px;
		}
		
		.releaseNotes{
			height:350px;
			padding-top:150px;
		}
	}
    </style>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    <script src="__PUBLIC__/Js/lib/jquery-1.11.2.min.js"></script>
	<script src="__PUBLIC__/Js/lib/bootstrap.min.js"></script>
  </head>

  <body>
  <div class="myContainer col-xs-12 col-sm-12 col-md-12 col-lg-12" style="min-width:1000px;color:white;text-align:center;font-weight: bold;">
	  <div class="row whole-row" style="margin-top:20px;">
	  		<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 pd-top-100" style="background-color:#22AB39;margin-left:0;">
	  				<a href="{:U('Index/personalProfile')}">
	  					<strong class="strong">个人资料</strong><br>
	  					<strong class="small">personal profile</strong>
  					</a>
  				</div>
  				<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 pd-top-100" style="background-color:#00E35F;">
  					<a href="{:U('Index/myMessages')}">
  						<strong class="strong">我的消息</strong><br>
  						<strong class="small">my messages</strong>
  					</a>
  				</div>
  				
  				<div class="col-xs-5 col-sm-5 col-md-5 col-lg-5 pd-top-100" style="background-color:#F8931F;">
  					<a href="{:U('Index/myOrders')}">
  						<strong class="strong">我的订单</strong><br>
  						<strong class="small">my orders</strong>
  					</a>
  				</div>
	  </div>
	  
	  <div class="row whole-row" style="margin-top:50px;">
	  		<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 accountSecurity" style="">
				<div class="row left-link" style="background-color:#1BB5FF;">
					<a href="{:U('Index/accountSecurity')}">
						<strong class="strong">账户安全</strong><br>
						<strong class="small">account security</strong>
					</a>
				</div>
				
				<div class="row left-link" style="background-color:#E2007E;margin-top:50px;">
					<a href="{:U('Index/travelNotes')}">
						<strong class="strong">我的游记</strong><br>
						<strong class="small">travel notes</strong>
					</a>
				</div>
			</div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 releaseNotes" style="">
				<a href="{:U('Index/releaseNotes')}">
					<strong class="strong">发布游记</strong><br>
					<strong class="small">release notes</strong>
				</a>
			</div>
	  </div>
</div>
  </body>
</html>
